﻿/*钱包样试*/
/*------index-------*/
.wallet_bar_nav{background: #FFFFFF; box-shadow: none; }
.wallet_bar_nav a{color: #FF7930;}
.wallet_bar_nav h1{color: #000000;}

.wallet_top{display:block; background: url(../images/bac_wallet.jpg) no-repeat center -10px; background-size: 100% 100%; padding: 9% 3% 6%;}
.wallet_top li{display: block; width: 33.33%; float: left; text-align: center;}
.wallet_top p{color: #FFFFFF;}
.wallet_timg{width: 47%; margin: 0 auto 5px;}

.wallet_navbt{font-size: 15px; padding: 4% 3%;}
.wallet_navbt i{display: inline-block; width: 4px; height: 15px; background: #FF7831; margin: 3px 5px 0 0; float: left;}
.wallet_bottom .mui-grid-view.mui-grid-9{background: #FFFFFF;}
.wallet_bottom .mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 14px;}
.mui-grid-view.mui-grid-9 .mui-media .icon-icon1{color: #0DBC00; font-size: 2.2em;}
.mui-grid-view.mui-grid-9 .mui-media .icon-tixian1{color: #FF7831; font-size: 2.2em;}
.mui-grid-view.mui-grid-9 .mui-media .icon-shoukuan1{color: #0087F0; font-size: 1.85em; margin-top: 6px;}
.mui-grid-view.mui-grid-9 .mui-media .icon-wodeyinxingqia{color: #EE18CE; font-size: 2.5em;}
.mui-grid-view.mui-grid-9 .card>a:not(.mui-btn){padding-top: 4px;}
.mui-grid-view.mui-grid-9 .mui-media .icon-password{color: #00C5E7; font-size: 1.95em; margin-bottom: 3px;}
.mui-grid-view.mui-grid-9 .mui-media .icon-list_jifen{color: #ED0000; font-size: 1.9em; margin-bottom: 4px;}
.mui-grid-view.mui-grid-9 .mui-media .icon-jilu{color: #7DE200; font-size: 1.9em; margin-bottom: 4px;}
.mui-grid-view.mui-grid-9 .mui-media .icon-xiaofeijilu2{color: #453EFD; font-size: 1.9em; margin-bottom: 4px;}
.mui-grid-view.mui-grid-9 .mui-media .icon-wodejifen{color: #FF0097; font-size: 1.9em; margin-bottom: 4px;}
.mui-grid-view.mui-grid-9 .mui-media .icon-dingdan4{color: #ED0000; font-size: 2.1em;}
.mui-grid-view.mui-grid-9 .mui-media .icon-renzheng{color: #0DBC00; font-size: 1.9em; margin: 3px 0 1px;}
.mui-grid-view.mui-grid-9 .mui-media .icon-zhangdanzongjie{color: #00C5E7; font-size: 2em; margin-bottom: 2px;}
.mui-grid-view.mui-grid-9 .mui-media .icon-yongjin1{color: #FF98F4; font-size: 2em; margin-bottom: 2px;}
.mui-grid-view.mui-grid-9 .mui-media .icon-tixianjilu{color: #70A1F0; font-size: 1.9em; margin: 2px 0 2px;}
.mui-grid-view.mui-grid-9 .mui-media .icon-jifenchongzhi{color: #FF8B91; font-size: 2em; margin: 0 0 2px;}
.mui-grid-view.mui-grid-9 .mui-media .icon-ad-o{color: #7163FF; font-size: 2em; margin: 0 0 2px;}
.mui-grid-view.mui-grid-9 .mui-media .icon-hezuo{color: #FF7831; font-size: 2.1em; margin: 0 0 1px;}
.mui-grid-view.mui-grid-9 .mui-media .icon-saoma1{color: #0DBC00; font-size: 2.1em; margin: 0 0 1px;}
.mui-grid-view.mui-grid-9 .mui-media .icon-xinxixiugai{color: #00C5E7; font-size: 2.1em; margin: 0 0 1px;}

/*----银行卡----*/
.wallet_btn{background: #FF7831; width: 80%; font-size: 18px; height: 40px; line-height: 40px; text-align: center; margin: 20px auto 0; border-radius: 5px;}
.wallet_btn a{color: #FFFFFF; width: 100%; height: 100%; font-size: 18px;}

.bank_list{display: block; background: #FFFFFF;}
.bank_list li{border-bottom: 1px solid #E7E7E7; padding: 3% 3% 2%;}
.bank_list label{width: 20%; float: left; font-size: 15px; line-height: 37px;}
.bank_list input{width: 80%; float: left; margin: 0; padding: 0; border: 0; font-size: 15px;}
.bank_list .special{padding-bottom: 4%;}
.bank_list .special input{width: 50%;}
.bank_list li>a{width: 30%; text-align: center; float: left; background: #EEEEEE; height: 40px; line-height: 40px; border-radius: 5px; color: #FF5A00; font-size: 13px;}

/*-----充值-----*/
.recha_bt{text-align: center; padding: 2% 0 3%; color: #999999;}
.recha_bt span{vertical-align: middle; padding-right: 5px;}

.pay_paystyle{margin-top: 5px;}
.pay_paystyle .mui-input-group:before,.pay_paystyle .mui-input-group:after{height: 0;}
.pay_paystyle .mui-input-group .mui-input-row{height: auto; padding: 5px 0; font-size: 14px;}
.pay_paystyle .mui-input-group .mui-input-row:after{left: 0;}
.pay_paystyle .mui-radio input[type=radio]{top: 9px;}
.pay_paystyle .mui-radio input[type=radio]:checked:before{color: #FF7831; content: '\e442';}
.pay_paystyle .mui-radio label{padding-left: 3%;}

#pay_money{width: 50%; margin-right: 5px; border: 0; text-align: right;}


/*-----提现------*/
.tixian_bank,.tixian_pri{background: #FFFFFF; padding: 4% 3%; margin-bottom: 5px;}
.tixian_bank a{display: block; width: 100%; height: 100%; position: relative;}
.tixian_bank a:after{right: 0; content: '\e583'; font-family: Muiicons; font-size: 20px; line-height: 1; position: absolute; top: 50%; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-decoration: none; color: #999; -webkit-font-smoothing: antialiased;}
.tixian_bankimg{width: 15%; float: left; padding-top: 6px;}
.tixian_bankimg img{width: 90%; height: auto;}
.tixian_bankinfo{width: 80%; float: left;}
.tixian_bankinfo p{color: #333333;}
.tixian_bankinfo .tix_banknum{font-size: 12px; color: #999999;}

.tixian_pri{padding: 3% 3%;}
.tixian_pri p{color: #333333; font-size: 15px;}
.tixian_prinum{padding-top: 2%;}
.tixian_prinum label{width: 10%; float: left; font-size: 25px; padding-top: 15px;}
.tixian_prinum input{width: 90%; float: left; border: 0; border-bottom: 1px solid #E7E7E7; margin: 0; padding: 0;}
.tixian_pri .tixian_yue{font-size: 12px; color: #999999; padding-top: 3%;}

.tixian_bt{background: #FFFFFF; padding: 3%; font-size: 15px;}
.tixian_shuom{background: #FFFFFF; padding: 3%;}
.tixian_shuom p{font-size: 12px;}

.tixian_yue input{margin: 0; padding: 0; border: 0;}

/*-----记录------*/
.record_content{height: 100%; background: #FFFFFF;}
.record_nav{background: #EEEEEE; padding: 3%; font-size: 14px;}
.record_nav li{float: left;}
.record_nav .left{width: 46%;}

.record_nav .center{width: 27%; text-align: center;}
.record_nav .right{width: 27%; text-align: right; float: right;}

.record_list,.record_list2{background: white;}
.record_list li,.record_list2 li{border-bottom: 1px solid #E7E7E7; padding: 3%;}
.record_list .left,.record_list2 .left{width: 70%; float: left;}
.record_list p,.record_list2 p{font-size: 12px;}
.record_list .list_nam,.record_list2 .list_nam{font-size: 14px; color: #333333;}
.list_nam em{font-size: 12px; color: #999999; padding-left: 5px;}
.record_list .right,.record_list2 .right,.record_list2 .center{width: 30%; float: right; text-align: right; font-size: 16px; line-height: 40px;}
.record_list .less .right,.less .center{color: #4AB319;}
.record_list .add .right,.add .center{color: #FF0000;}
.record_list2{background: white; padding-bottom: 50px;}
.record_list2 .left{width: 46%;}
.record_list2 .center{width: 27%; float: left; text-align: center;}
.record_list2 .right{width: 27%; }
#yongjin_htm .right{color: #FF0000;}

.record_butbox{position:fixed;bottom:0;width: 100%; min-width: 320px; max-width: 640px; margin: 0 auto; height: 45px;box-shadow: 0px -2px 3px 0px #CCCCCC;line-height: 45px;color: #fff;font-size: 20px;text-align: center;}
.record_butbox a>div{width: 50%; float: left; background: #F0F0F0; color: #333333;}
.record_butbox a .juse{color: #fff; background-color:#FF7831;}

/*------收款----*/
.payment_bar_nav{background: #EACA43; box-shadow: none;}
.payment_content{height: 100%; background: #FFFFFF; padding-top: 6%;}

.payment_conbox{background: #00A1E9; text-align: center; background-image: none; width: 85%; margin: 0 auto; padding: 0 0 1.5rem;}
.payment_yhnam{text-align: center; color: white; font-size: 1rem; padding: 1rem 0;}
.payment_erweima{width: 180px; height: 180px; margin: 0 auto; overflow: hidden;}
.erweimabox{background: white; width: 80%; margin: 0 auto; border-radius: 10px;}
.erweim_bt{font-size: 1.5rem; color: #00A1E9; padding: .8rem 0 .3rem; font-weight: bold; line-height: normal;}
.erweima_bottom{width: 60%; margin: 0 auto; padding: .5rem 0 .7rem;}
.erweima_bottom li{width: 50%; float: left; text-align: center; }
.erweima_bottom p{font-size: .75rem; color: #000000;}
.erwm_fkimg{display: block; width: 45%; margin: 0 auto;}

.payment_info{display: table; width: 12.5rem; margin: 1rem auto 0;}
.payment_info>div{display: table-cell; vertical-align: middle; }
.payment_info .left{border-right: 1px solid #FFFFFF; padding-right: 5px; width: 2rem; height: 2rem;}
.payment_info .left img{width: 2rem; height: 2rem;}
.payment_info p{color: white; text-align: left; padding-left: 5px; line-height: normal; font-size: .75rem;}

.payment_butbox{background: white; padding: 2rem 0; text-align: center;}
.payment_but{padding: .5rem 1rem; background: #00A1E9; color: white; font-size: 1rem; border: 0; border-radius: 1.2rem; margin: 0 auto;}

/*暂无数据*/
.no_style{text-align: center; padding-top: 15%;}
.no_style .iconfont{font-size: 8rem; line-height: 9rem; color: #D1D1D4;}
.no_style .nr,.no_style strong{font-size: 1.1rem; line-height: 1.3rem; padding-top: 3%;}
.no_style .wz{font-size: 1.1rem; line-height: 1.5rem; padding-top: 3%;}
.no_btn{width: 9rem; height: 2.8rem; font-size: 1.3rem; line-height: 2.8rem; display: block; border: 2px solid #999999; color: #999999; margin: 0 auto; border-radius: 6px; margin-top: 1.5rem;}

/*佣金转余额*/
.yongj_content{background: #FFFFFF; height: 100%;}
.yjzye_top{padding: 8% 0; text-align: center; background: #EFEFF4;}
.yjzye_top .nam{display: inline-block; vertical-align: middle; width: 65px; height: 65px; line-height: 65px; text-align: center; background: #F99722; border-radius: 50%; color: #FFFFFF; font-size: 17px;}
.yjzye_top .iconfont{color: #F99722; padding: 0 3%; font-size: 30px; vertical-align: middle;}
.yongj_content .tixian_pri{padding: 5% 3%;}

/*退款*/
.order_item_list li{display: block; padding: 3% 3% 2%; background: #FFFFFF; border-bottom: 2px solid #FFFFFF;}
.order_item_spimg{float: left; width: 70px; height: 70px;}
.order_item_spimg img{border: 1px solid #B7B7BB; border-radius: 5px; width: 100%; height: 100%;}
.order_item_spinfo{width: 74%; float: left; margin-left: 2%;}
.order_itspnam{line-height: 20px; height: 43px; overflow: hidden; font-size: 14px; padding-top: 3px;}
.order_itsppri{width: 30%; float: left; text-align: right;}
.order_itsppri p{font-size: 12px; color: #333333; line-height: 18px;}
.order_itsppri .yj{text-decoration: line-through; color: #999999;}
.order_isp_b{color: #999999; padding-top: 5px;}

.tuik_infobox,.tuik_infobox2{background: white; margin: 5px 0; padding: 0 3%;}
.tuik_infobox li,.tuik_infobox2 li{border-bottom: 1px solid #E6E6E6; color: #333333; padding: 15px 0; font-size: 15px;}
.tuik_infobox2 li{color: #999999;}
.tuik_infobox em,.tuik_infobox2 .pri .right{color: #FF5A00; font-size: 18px; padding-left: 5px;}
.tuik_infobox2 .right{color: #666666;}

.tuik_shuom{background: #FFFFFF; padding: 5px 3%; font-size: 15px;}
.tuik_shuom input{width: 70%; margin: 0; font-size: 14px; padding: 0 0 0 2px; border: 0;}
.tuik_btn{height: 50px; width: 100%; font-size: 20px; position: fixed; bottom: 0; left: 0; border-radius: 0; line-height: 50px; background: #FF5A00; text-align: center; color: #FFFFFF;}

.tuik_top{background: white; text-align: center; padding: 20px 0; font-size: 20px; color: #FF5A00;}
.tuik_top .iconfont{font-size: 30px; vertical-align: middle;}
.tuik_kef{text-align: right; padding: 0px 3%;}

/*确认付款*/
.qrfuk_content{height: 100%; padding-top: 20px;}
.fuk_sm{position: absolute; bottom: 0; text-align: center; font-size: 14px; min-width: 320px; max-width: 640px; width: 100%; margin: 0 auto; padding-bottom: 15px;}
.fuk_conbox{width: 90%; background: white; margin: 0 auto; padding: 5%; min-height: 100px;}
.fuk_ctimg{width: 20%; margin: 0 auto;}
.fuk_spnam{text-align: center; font-size: 16px; padding-top: 10px;}
.fuk_center{color: #000000; font-size: 14px; padding-top: 20px;}
.fuk_pribox{font-size: 30px; padding: 30px 0 20px; border-bottom: 1px solid #E3DFE5;}
.fuk_pribox input{font-size: 50px; height: 50px; line-height: 50px; border: 0; margin: 0 0 0 12px; padding: 0; width: 80%; vertical-align: text-bottom;}

.fuk_jif{border-bottom: 1px solid #E3DFE5;}
.fuk_jif p{text-align: center; color: #000000; line-height: 25px;}
.fuk_jifnum em{font-size: 35px;}
.fuk_jifnum{padding-top: 10px;}
.liuy a{color: #007AFF; padding-top: 10px; display: block;}
.qrfuk_btn{width: 100%; background: #1AAD19; color: white; height: 40px; font-size: 18px; margin-top: 15px;}

/*付款成功*/
.paymentcg_content{padding-bottom: 0;}
.fukc_top{background: white; text-align: center; margin-bottom: 7px; padding: 8% 3% 5%; position: relative;}
.fukc_top .iconfont{color: #1AAD19; font-size: 3.35rem; line-height: 3.35rem;}
.fukc_zhifub p,.fukc_top .icon-zhifubao1{color: #00A1E9;}
.fukc_top .icon-huiyuan{color: #666666; font-size: 1.7rem; position: absolute; right: 5%; top: 3%;}
.fukc_top>p{font-size: 1rem; color: #1AAD19;}
.fukc_pribox{font-size: 1.3rem; line-height: normal; color: #000000; padding-top: 2%;}
.fukc_pribox em{font-size: 2.3rem; font-weight: 600;}

.fukc_djh{background: white; padding: 1rem 3%; font-size: .85rem; margin-bottom: 2px;}
.fukc_djh .right{float: right;}
.fukc_xq{background: white; padding: 1rem 3%; font-size: .85rem; display: table; width: 100%;}
.fukc_xq .left{width: 25%; display: table-cell;}
.fukc_xq .right{width: 75%; display: table-cell; vertical-align: top;}
.fukc_xq p{color: #333; font-size: .85rem; line-height: normal; margin-bottom: .2rem;}
.fukc_xq .pright{float: right;}
.fukc_xq .special{padding-top: .3rem;}
.gulij_btn{background: #FF7831; color: white; border: 0; padding: .2rem 1rem; border-radius: 1rem;}
.fukc_xq .special .pleft{padding: .2rem 0; display: inline-block;}

.qitsj_lisbox{background: white;}
.qitsj_lisbox .bt{background: #EEEEEE; font-size: 14px; text-align: center; padding: 10px 0;}
.qitsj_lis li{display: table; width: 100%; padding: 3%; border-bottom: 1px solid #E3DFE5;}
.qitsj_lis li:last-child{border: 0;}
.tjsj_img{width: 5rem; display: table-cell; padding-right: 5px;}
.tjsj_img img{width: 5rem; height: 5rem; border: 1px solid #EEEEEE; border-radius: 5px;}
.tjsj_info{width: 100%; display: table-cell; vertical-align: middle;}
.tjsj_nam{height: 1.2rem; line-height: 1.2rem; overflow: hidden; font-size: .95rem; margin-bottom: .5rem;}
.tjsj_nam .name{width: 80%; float: left; color: #333;}
.tjsj_nam .iconfont{width: 20%; float: right; font-size: 2.5rem; color: #FF0000; text-align: right;}
.tjsj_jif{font-size: .85rem; color: #666666; margin-bottom: .5rem;}
.tjsj_jif em{font-weight: bold; color: #FF0000;}
.tjsj_dz{width: 70%; font-size: .75rem; float: left; overflow: hidden; height: 21px; color: #999999;}
.tjsj_dz:before{font-family:"iconfont" !important; content: "\e63d"; font-size:13px; padding-right: 3px; vertical-align: middle; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.tjsj_jul{width: 30%; font-size: .75rem; float: right; text-align: right; color: #999999;}

.fuk_bdsj{background: white; width: 85%; margin: 17% auto 0; padding-bottom: 2.5rem; border-radius: 10px; overflow: hidden;}
.fuk_bdsj .bt{background: #FF7831; color: white; text-align: center; padding: 5% 3%; font-size: 1.2rem; margin-bottom: 7%;}
.fuk_bdsj .tip{text-align: center; font-size: .8rem; margin: .2rem 0 1rem;}
.fuk_bdsj .number,.fuk_bdsj .yzm{width: 90%; margin: 0 auto .7rem;}
.fuk_bdsj .number input{padding: 5px 10px; font-size: .8rem; height: 2.5rem;}
.fuk_bdsj .yzm input{width: 60%; padding: 5px 10px; font-size: .8rem; height: 2.5rem;}
.fuk_yzmbtn{float: right; width: 37%; height: 2.5rem; background: #EEEEEE; color: #FF7831; font-size: .8rem;}
.fuk_bdsj .fukc_btn{width: 90%; margin-left: 5%; background: #FF7831; border-radius: 7px; color: white; height: 2.5rem; font-size: 1.1rem; border: 0;}

.fuk_gulijbox{background: url(../images/bac_gulijin.png) no-repeat; background-size: 100% auto; text-align: center; padding: 3% 0 12%; margin-top: 30%;}
.fuk_gulijbox .bt{color: white; font-size: 1.1rem; margin-bottom: 4%;}
.gulij_pri{font-size: .9rem; margin: 18% 0 2%;}
.gulij_pri em{font-size: 2.5rem; margin-right: .3rem; color: #FF7831;}
.fuk_gljbtnbox{width: 80%; margin: 7% auto 0; padding-right: 1%;}
.gulijin_btn{background: #FF7831; color: #FFFFFF; height: 2.5rem; font-size: 1.1rem; border-radius: 7px; border: 0; width: 90%;}


/*------设置支付密码悬浮框-----------*/
.mask{width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; min-width: 320px; max-width: 640px; margin: 0 auto; right: 0; z-index: 999; display: none;}
.mask_con{background: white; width: 90%; padding-bottom: 20px; position: absolute; top: 10%; left: 5%;}
.mask_con .top{padding: 5px 0; border-bottom: 1px solid #E3DFE5; display: table; width: 100%;}
.mask_con .top span{display: table-cell; vertical-align: middle;}
.mask_con .top .del{width: 10%;}
.mask_con .top .del button{width: 100%; border: 0; font-size: 16px; color: #999999;}
.mask_con .top .tx{width: 10%; border: 1px solid #EEEEEE;}
.mask_con .top .wz{padding-left: 5px; width: 80%; font-size: 16px; font-weight: bold;}
.xf_pribox{padding: 10px 0;}
.xf_fknam{color: #000000; text-align: center;}
.xf_pri{color: #000000; text-align: center; font-size: 16px; padding-top: 15px;}
.xf_pri em{font-size: 30px;}
.xffkfs a{padding: 3%; position: relative; display: block; font-size: 14px;}
.xffkfs a:after{font-family: Muiicons; content: '\e583'; right: 15px; font-size: 18px; line-height: 1; position: absolute; top: 50%; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-decoration: none; color: #bbb; -webkit-font-smoothing: antialiased;}
.xffkfs .img{width: 10%; display: inline-block; vertical-align: middle; margin-right: 5px;}
.xfk_btn{width: 90%; margin: 5px auto 0;}
.xfk_btn button{width: 100%; height: 40px; border-radius: 0; font-size: 16px;}

.pwd-box{width:90%; margin: 0 auto; height: 50px; overflow: hidden; padding-left: 1px; position: relative; border: 1px solid #9f9fa0; border-radius: 3px; over-flow:hidden;}  
.pwd-box input[type="tel"]{width: 99%; margin: 0; height: 45px; color: transparent; position: absolute; top: 0; left: 0; border: none; font-size: 18px; opacity: 0; z-index: 1; letter-spacing: 35px;}  
.fake-box{height: 48px; overflow: hidden;}
.fake-box input{width: 15.3%; height: 48px; margin: 0; border: none; border-right: 1px solid #e5e5e5;text-align: center;font-size: 30px;}  
.fake-box input:nth-last-child(1){border:none;}  

/*数字九宫格*/
.numbox{position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; background: white; border-top: 1px solid #E4E4E4;}
.numbox .mui-grid-view.mui-grid-9{background: white;}
.numbox .mui-grid-view.mui-grid-9 .mui-table-view-cell{width: 33.33%; padding: 0 0;}
.numbox .mui-grid-view.mui-grid-9 .mui-media .mui-icon{font-size: 1em;}
.numbox .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{margin-top: 0; font-size: 12px;}
.numbox .mui-table-view-cell:after{height: 0;}
.numbox .mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn){padding: 7px 0;}
.numbox .icon-iconfonttuige{font-size: 25px; color: #999999; padding: 5px 0 6px;}
.numbox .dian{font-size: 30px; padding-bottom: 6px;}

/*云支付*/
.ypay_top{position: relative;}
.ypay_jfye{position: absolute; left: 0; top: 40%; width:100%; text-align: center; line-height: normal;}
.ypay_jfnum{font-size: 1.5rem; color: #FF5A00;}
.ypay_jfye .wz{font-size: 0.9rem; color: #333333; padding-top: 0px;}

.ypay_jfdk{background: white; margin-top: 10px;}
.ypay_ztbox{background: white; margin-top: 10px; padding: 0 3% 3%; margin-bottom: 10px;}
.ypay_jfnr{padding: 3%;}
.ypay_jfnr .left,.ypay_ztnr .left,.ypay_ztlist .left{float: left; font-size: .9rem; color: #666; width: 65%; line-height: 2rem;}
.ypay_jfnr .right,.ypay_ztlist .right{float: right; text-align: right; color: #FF7831; font-size: 1rem; width: 35%;}
.ypay_jfnr input{width: 30%; text-align: center; margin: 0 5px 0; height: 2rem; border: 1px solid #FF7831; padding: 5px;}
.ypay_jfnr em{color: #FF7831;}
.btn_shez{background: #FF5A00; color: white; height: 2rem; margin-left: 5px; width: 70%; border: 0;}

.jpay_jfbtnbox{width: 100%; margin: 0 auto; background: #F3F3F3; margin-top: 15px; padding: 4%;}
.jpay_btn{background: #FF5A00; color: white; height: 45px; width: 48%; border: 0; font-size: 1rem;}
.jpay_btn:last-child{float: right;}

.ypay_ztnr{padding-bottom: 3%; border-bottom: 5px solid #F3F3F3;}
.ypay_ztnr .jpay_btn{width: 30%; height: 37px;}
.ypay_ztnr .left{width: 70%;}
.ypay_ztnr .left em{color: #FF0000;}

.ypay_ztlist .left{font-size: 0.9rem; color: #666;}
.ypay_ztlist .right{line-height: 2rem; font-size: 1rem;}
.ypay_ztlist li{padding: 3% 0; border-bottom: 2px solid #F3F3F3;}
.ypay_ztlist li span{color: #FF7831;}
.ypay_ztlist li:last-child{padding-bottom: 0; border: 0;}

.index_sjlisbt{font-size: 1rem; padding: 3%; border-bottom: 2px solid #EFEFF4;}
.index_sjlisbt i{display: inline-block; width: 5px; height: 1rem; vertical-align: middle; background: #FF7831; margin: 0 7px 3px 0;}
.ypay_ztlist .mui-switch,.ypay_jfnr .mui-switch{width: 70px;}
.ypay_ztlist .mui-switch.mui-active .mui-switch-handle,.ypay_jfnr .mui-switch.mui-active .mui-switch-handle{-webkit-transform: translate(39px, 0); transform: translate(39px, 0);}
.ypay_ztlist .special .right,.ypay_jfnr .right{width: 70px;}
.ypay_ztlist .special .mui-switch.mui-active:before,.ypay_jfnr .mui-switch.mui-active:before{content: 'on'; left: 10px;}
.ypay_ztlist .special .mui-switch:before,.ypay_jfnr .mui-switch:before{content: 'off';}
.ypay_ztlist .special .mui-switch:before{ top: -1px; line-height: 30px;}
.shopzt span{font-size: .9rem; line-height: 30px; color: #666666;}
.shopzt .mui-switch{float: right; width: 100px;}
.shopzt .mui-switch.mui-active .mui-switch-handle{-webkit-transform: translate(69px, 0); transform: translate(69px, 0);}

/*积分兑现*/
.recharge_content{background: #FBF8E9; height: 100%;}
.recharge_top{padding: 4% 3%;}
.recharge_lis{background: white; border-radius: 5px; box-shadow: 0px 0px 3px 1px #CCCCCC; padding: 3%;}
.recharge_lis li{width: 50%; float: left; text-align: center; border-right: 1px solid #EEEEEE; padding: 1rem 0;}
.recharge_lis li:last-child{border: 0;}
.recharge_lis .style{color: #333; font-size: .9rem; line-height: normal;}
.recharge_lis .num{font-size: 1.2rem; color: #FF7831; margin-top: .8rem;}

.exchange_lisbox .mui-grid-view.mui-grid-9{padding: 2% 0 4%; border: 0; background: white; box-shadow: 0px 1px 3px 0px #CCCCCC;}
.exchange_lisbox .eul li{border: none; display: inline-block; background: #ffffff; width: 50%; float: left;}
.exchange_lisbox .eul .active{border: 1px solid #FF7831; color: #FF7831;}
.exchange_lisbox .eul .active p{color: #FF7831;}
.exchange_lisbox .eli{border:1px solid #DDDDDD; border-radius: 5px; color: #666; margin:10px 10px 0; overflow: hidden; font-size: 17px; text-align: center;}
.exchange_lisbox .eli p{font-size: 1rem; color: #666; padding: 3px 0;}
.exchange_top{background: #FFF3E1; padding: 1rem 0; text-align: center; color: #9A6206; font-weight: bold; font-size: 1rem; font-family: '微软雅黑';}
.exchange_tnr{width: 40%; margin: 0 auto; background: url(../images/bac_jfdh.jpg) no-repeat center top; background-size: auto 100%; height: 5rem; overflow: hidden; line-height: 6.5rem;}
.exchange_lisbox .eli .sxjif{ 
	border-top: 1px solid #EEEEEE; padding: 3px 0; font-size: .9rem; font-weight: normal; color: #FBA538;
	filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#F3F3F3,endcolorstr=#F6F6F6,gradientType=0);
	-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#F3F3F3,endcolorstr=#F6F6F6,gradientType=0);/*IE8*/	
	background:#F3F3F3; /* 一些不支持背景渐变的浏览器 */  
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#F3F3F3), to(#F6F6F6));
	background:-webkit-linear-gradient(#F3F3F3, #F6F6F6);
	background:-moz-linear-gradient(#F3F3F3, #F6F6F6);
	background:-o-linear-gradient(#F3F3F3, #F6F6F6);
	background:linear-gradient(#F3F3F3, #F6F6F6);     
}
.exchange_lisbox .mui-grid-view.mui-grid-9:after{height: 0;}
.yongj_content .wallet_btn{width: 94%; margin-top: 15px;}
.exchange_tip{padding: 10px 0 20px; background: white;}
.exchange_tip p{width: 94%; margin: 0 auto;}
.exchange_bt{background: url(../images/bac_jfdh2.jpg) no-repeat left center; background-size: 100% auto; text-align: center; font-size: 14px; margin-bottom: 5px;}

/*附近云商圈*/
.fjysq_content{background: white; height: 100%;}
.fjysq_lisbox .bt{background: #EEEEEE; padding: 0 0 0 3%; height: 3rem; line-height: 3rem; border: 1px solid #D5D4D8; border-left: 0; border-right: 0;}
.fjysq_lisbox .bt span{display: block; width: 25%; text-align: center; float: left; font-size: .9rem;}
.fjysq_lisbox .bt .left{width: 40%; text-align: left;}
.fjysq_lisbox .bt .center{width: 35%;}

.fjsq_list{background: white; padding-bottom: 3rem;}
.fjsq_list li{display: block; width: 100%; border-bottom: 1px solid #EEEEEE; height: auto; line-height: normal;}
.fjsq_list li a{width: 100%; padding: 1rem 0 1rem 3%; display: table; color: #666666; line-height: normal;}
.fjsq_list li span{display: table-cell; width: 30%; text-align: center; font-size: .9rem; vertical-align: middle;}
.fjsq_list li .left{width: 40%; text-align: left;}
/*.fjsq_list li .center{width: 35%;}*/

.fjysq_btn{position: fixed; min-width: 320px; max-width: 640px; width: 100%; bottom: 0; height: 3rem; background: #FF7831; color: white; font-size: 1rem; text-align: center; border: 0; border-radius: 0; box-shadow: 0 0 3px 0px #000000;}

/*附近云商圈详情页*/
.fjysq_slis li{display: table; width: 100%; border-bottom: 1px solid #EEEEEE; padding: 1rem 3%;}
.fjysq_slis li>div{width: 35%; display: table-cell; vertical-align: middle; font-size: .9rem; color: #333;}
.fjysq_slis li .right{text-align: right; color: #666666; width: 65%; word-break: break-all;}
.fjysq_slis li input.right{margin: 0; text-align: right; padding: 0; border: 0; height: 30px;  width: 100%; font-size: .85rem; display: table-cell;}
.fjysq_slis .toux{float: right;}
.fjysq_slis .toux img{width: 3.7rem; height: 3.7rem; border: 1px solid #EEEEEE; border-radius: 10px;}

.fjysq_sbtn{width: 80%; display: block; margin: 1rem auto 0; height: 2.8rem; margin-bottom: 55px; line-height: 2.8rem; background: #63B7FF; color: white; font-size: 1rem; text-align: center; border-radius: 10px;}

/*fjysq_memlist.html*/
.fjysq_memlis li,.fjysq_memlis2 li{display: table; width: 100%; border-bottom: 1px solid #EEEEEE; background: white; padding: .6rem 3%;}
.fjysq_memlis li a{display: table; width: 100%;}
.fjysq_memimg{width: 2.8rem; height: 2.8rem; display: table-cell; vertical-align: middle;}
.fjysq_memimg img{width: 2.8rem; height: 2.8rem; border: 1px solid #E3DFE5; border-radius: 5px;}
.fjysq_meminfo{width: 100%; padding-left: 2%; display: table-cell; vertical-align: middle;}
.fjysq_meminfo p{font-size: .75rem; line-height: 1.3rem; height: 1.3rem; overflow: hidden; display: block;}
.fjysq_meminfo .fjysq_memnam{font-size: .85rem; line-height: 1.3rem; height: 1.3rem; color: #333333; margin: 2px 0;}

/*联盟管理*/
.fjysq_slis .mui-btn-block{margin: 0; padding: 0; direction: rtl; font-size: .85rem; color: #666666; height: 30px;}

/*成员管理*/
.fjysq_memcontent .fjysq_memlis2 li{display: table; width: 100%; padding: .6rem 3%;}
.fjysq_memlis2 .left{width: 80%; display: table-cell; vertical-align: middle;}
.fjysq_memlis2 .right{width: 20%; vertical-align: middle; display: table-cell;}
.fjysq_memlis2 .right button{width: 100%; margin-right: 4%; border: 1px solid #FF7831; float: left; height: 2rem; color: #ff7831; font-size: .8rem;}

/*二维码收款统计*/
.ewmtj_top{background: white; box-shadow: 0 0 1px 2px #CCCCCC; margin-bottom: 7px;}
.ewmtj_top>div{width: 50%; float: left; text-align: center; padding: 1.1rem 0;}
.ewmtj_top>div p{font-size: .9rem; line-height: 1.7rem;}
.ewmtj_top .left .num{font-size: 1.2rem; color: #FF0000;}
.ewmtj_top .right .num{font-size: 1.2rem; color: #1684F9;}

.ewmsk_lisbox .bt>span,.ewmsk_lisbox li span{width: 33.3333%!important;}

/*连锁店管理*/
.liansd_top{background: #EEEEEE; padding: 0 0 0 3%; height: 2.8rem; line-height: 2.8rem;}
.liansd_top .left{display: inline-block; width: 65%; font-size: .9rem;}
.liansd_top .right{display: inline-block; width: 32%; text-align: center; font-size: .9rem;}

.liansuod_lis .right{width: 35%; display: table-cell; vertical-align: middle; text-align: center;}
.liansuod_lis .left{width: 65%; display: table-cell; vertical-align: middle;}
.liansuod_lis li{padding: .75rem 0 .75rem 3%; display: table; width: 100%; font-size: .85rem; border-bottom: 1px solid #EEEEEE;}
.liansuod_lis .right .edit{color: #41A926; padding: 0 7px;}
.liansuod_lis .right .delete{color: #FF0000;}
.add{color: white; line-height: 44px; font-size: .85rem;}

/*连锁店详情*/
.liansd_content{background: white; height:100%}
.liandxq_top{text-align: center; font-size: 1.2rem; line-height: 4.2rem; border-bottom: 1px solid #EEEEEE;}
.liansd_ewmbt{margin: 1.2rem 0 .2rem; text-align: center; font-size: .9rem; color: #999999;}
.liansuod_conbox{padding-bottom: 60px; background: white;}
.liansuod_conbox .payment_erweima{border: 1px solid #EEEEEE; margin-bottom: 1.7rem; padding: .3rem; border-radius: 5px; overflow: hidden;}
.liansd_bc{border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE;}
.liansd_bc a{position: relative; display: block; padding: .7rem 15px; overflow: hidden; color: inherit; text-overflow: ellipsis; white-space: nowrap; font-size: .95rem;}
.liansd_bc a:after{position: absolute; right: 15px; content: '\e583'; top: 50%; display: inline-block; font-family: Muiicons; font-size: 1.3rem; line-height: 1; color: #bbb; text-decoration: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased;}
.liansd_dy{border-bottom: 1px solid #EEEEEE; padding: .7rem 20px .7rem 15px; font-size: .95rem;}
.liansd_dy .right{float: right; color: #999999;}

/*连锁店销售统计*/
.liansd_tjbox{border: 1px solid #E3E3E3; background: white; border-radius: 7px; margin: 5% 3% 1.5rem; padding-bottom: 1.5rem;}
.liansd_tjbox .liandxq_top{line-height: 3.5rem;}
.liansd_ze{text-align: center; padding: 1.5rem 0 2rem; }
.liansd_ze p{font-size: .9rem;}
.liansd_ze .pri{font-size: 1.6rem; color: #57BEFF; padding: 1rem 0 0;}
.liansd_tjlist li{display: block; background: white; width: 33.3333%; padding: 5px 0; float: left; text-align: center; border-right: 1px solid #EEEEEE;}
.liansd_tjlist li:last-child{border: 0;}
.liansd_tjlist li p{font-size: .85rem; line-height: normal;}
.liansd_tjlist li .pri{font-weight: 500; color: #333; font-size: 1.1rem; margin-top: .2rem;}

.liansd_btn{margin-left: 3%; height: 3rem; border: 0; background: #FF7831; color: white; font-size: 1.1rem; width: 94%;}

/*连锁店交易详情*/
.liansd_jyxqbox .liansd_ze{padding: 2rem 0 2.5rem;}
.liansd_jyinfo{border-top: 1px solid #EEEEEE; padding: .7rem 0 1.7rem; background: white;}
.liansd_jyinfo li{padding: .5rem 3%; font-size: .9rem; color: #666666;}
.liansd_jyinfo li span{display: block; width: 30%; float: left;}
.liansd_jyinfo li .right{width: 70%; text-align: right; font-size: .9rem; color: #999999;}

/*连锁店管理*/
.liansd_econtent{padding-bottom: 0;}
.liansd_edtbox{margin: 0 0 7px; padding-bottom: 0;}
.liansd_edtbox .liansd_ze .pri{color: #FF7831;}
.liansd_edtbox .liansd_ze{padding: 1.2rem 0 1.3rem;}
.liansd_edtbox .liandxq_top{font-size: 1.1rem;}
.liansd_edbtn{border-top: 1px solid #EEEEEE; text-align: center; padding: .8rem 0 .8rem 4%;}
.liansd_edbtn a{display: inline-block; width: 24.5%; margin-right: 5%; height: 2.5rem; line-height: 2.2rem; border: 2px solid #FEA24B; color: #FF7831; border-radius: 5px; font-size: 1rem;}

/*连锁店交易列表*/
.liansd_recitem{background: white; margin-bottom: 7px; border-top: 1px solid #DFDEDC; border-bottom: 1px solid #DFDEDC;}
.liansd_recpribox{border-bottom: 1px solid #DFDEDC; padding: 1rem 3%; }
.liansd_recitem .left{width: 40%; float: left; font-size: .85rem; color: #999999; line-height: normal;}
.liansd_recitem .right{width: 60%; float: right; text-align: right; font-size: .85rem; line-height: normal;}
.liansd_recitem .liansd_recpribox .right{font-size: 1.5rem;}
.liansd_recitem .liansd_recpribox .left{line-height: 2rem;}
.liansd_recinfo{padding: 1rem 0;}
.liansd_recinfo li{padding: .3rem 3%;}

/*商家个人中心首页*/
.sjzx_bar{background: none; box-shadow: none; position: absolute;}
.mui-bar-nav~.sjzx_content{background: #FBF8E9 url(../images/bac_sjindex.jpg) no-repeat center top; background-size: 100% auto;}
.sjzx_top{width: 94%; box-shadow: 0 0 3px 1px #E9E4D1; margin: 3rem auto 0; padding: 3% 4% 4%; background: white; border-radius: 10px; position: relative;}
.sjzx_jb a{text-align: right; width: 100%; display: block; color: #999999; font-size: .9rem;}
.sjzx_memimg{width: 5rem; height: 5rem; position: absolute; left: 37.5%; top: -2.5rem;}
.sjzx_memimg img{width: 5rem; height: 5rem; border-radius: 50%; border: 3px solid #FFFFFF;}
.sjzx_memnam{text-align: center; margin-top: 1rem; line-height: normal; font-size: 1rem;}
.sjzx_level{text-align: center; margin: .2rem 0 .7rem; font-size: .8rem; color: #66E0C4;}

.sjzx_navbox{border-top: 1px solid #EEEEEE; padding-top: 1rem;}
.sjzx_navbox li{display: block; width: 33.33%; float: left; text-align: center; border-right: 1px solid #DDDDDD;}
.sjzx_navbox li:last-child{border: 0;}
.sjzx_navbox p{color: #666666; font-size: .85rem; line-height: normal;}
.yongj_record,.yue_record,.score_record{padding-top: .5rem;}
.yongj_record em,.yue_record em{color: #FBA538; font-size: 1.2rem;}
.sjzx_navbox .score_record{color: #66E0C4; font-size: 1.2rem;}

.mui-grid-view.sjzx_nav2{background: white; margin-top: 10px;}
.mui-grid-view.sjzx_nav2 .mui-media{width: 33.33%; padding: 10px 0;}
.sjzx_nav2 .icon{display: block; width: 28%; margin: 0 auto;}
.mui-grid-view.sjzx_nav2:after{height: 0;}

/*交班收款记录*/
.mendxl_box{background: #EEEEEE; border-bottom: 1px solid #DFDEE3; height: 3rem; line-height: 3rem; position: relative;}
.mendxl_box .name{position: relative; color: #666666; text-align: center; font-size: 1rem;}
.mendxl_box .name:after,.name_con .active:after{position: absolute; right: 35%; top: 52%; display: inline-block; font-family:"iconfont"; content: "\e621"; font-size: .9rem; line-height: 1; color: #888888; text-decoration: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased;}
.mendxl_box.active .name{color: #FF0000; border: 0;}
.mendxl_box.active .name:after{content: "\e66d"; color: #FF0000; font-size: inherit; top: 48%;}

#dd .name_con{position: absolute; box-shadow: 0px 1px 3px 1px #CCCCCC; width: 100%; top: 100%; z-index: 999; left: 0; right: 0; background: white; border-radius: inherit; border-bottom: 1px solid #E0E0E0; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; opacity: 0; pointer-events: none;}
.name_con p{text-align: left; padding: .3rem 3%; line-height: 35px; position: relative; font-size: .8rem;}
.name_con .active{background: #EEE8D8;}
.name_con .active a{color: #FF0000;}
.name_con .active:after{right: 15px; content: "\e642"; font-size: 18px; color: #FF0000;}
#dd.active .name_con{opacity: 1; pointer-events: auto;}

.mendsk_item{background: white; margin-bottom: 5px;}
.mdsk_timebox{border-bottom: 1px solid #E3E3E3; padding: .7rem 3%;}
.mdsk_timebox>div{width: 50%; float: left; font-size: .85rem; color: #999999;}
.mdsk_lispri{text-align: right;}
.mdsk_lispri em{color: #FF5A00; font-size: 1.2rem;}
.mdsk_list li{border-bottom: 1px solid #EEEEEE; padding: 4.5% 3% 3%;}
.mdsk_memimg{width: 2.8rem; float: left; margin-right: .6rem;}
.mdsk_memimg img{width: 2.8rem; height: 2.8rem; border-radius: 50%;}
.mdsk_info{width: 60%; float: left;}
.mdsk_info p{font-size: .8rem; margin-bottom: .2rem; color: #999999;}
.mdsk_info .mdsk_memnam{color: #000000; font-size: 1rem; line-height: normal;}
.mdsk_dbpri{width: 22%; float: right; font-size: 1.1rem; text-align: right; line-height: normal; color: #FFA039;}

/*交班首页*/
.jiaoban_top{background: white; margin: 4% 3% 3%; padding: 0 3%; text-align: center;}
.jiaoban_top p{line-height: normal; font-size: .8rem; color: #999999;}
.jiaoban_top .jiaoban_sjnam{font-size: 1rem; color: #000000; padding: .8rem 0; border-bottom: 1px solid #EEEEEE;}
.jiaoban_wz{padding: 1.2rem 0;}
.jiaoban_top .jiaoban_srbox{font-size: .9rem; color: #000; padding-bottom: .7rem;}
.jiaoban_top .red{color: #FF7831; font-size: 1.3rem;}
.jiaoban_time{padding: .7rem 0 2rem;}

.jiaoban_nav .mui-table-view-cell:after{left: 0; background: #DDDDDD;}
.jiaoban_nav .mui-navigate-right:after{font-size: 1.3rem;}
.jiaoban_nav .mui-table-view-cell>a:not(.mui-btn){font-size: .9rem;}
.jiaoban_nav .mui-table-view-cell{padding: .8rem 15px;}
.mui-table-view.jiaoban_nav:before,.mui-table-view.jiaoban_nav:after{height: 0;}

.jiaoban_btn{width: 94%; height: 2.7rem; background: #FF7831; font-size: 1.1rem; color: white; margin: 2rem 0 0 3%; border: 0; border-radius: 2rem;}

/*交班人员列表页*/
.jiaoban_btbox{background: #EEEEEE; display: table; width: 100%; padding: .7rem 0; font-size: .8rem;}
.jiaoban_btbox>div,.jiaoban_memlist .mui-input-row>div{display: table-cell; vertical-align: middle; text-align: center;}
.jiaoban_memlist .name{width: 25%;}
.jiaoban_memlist .phonenum{width: 40%}
.jiaoban_memlist .gonghnum{width: 20%;}
.jiaoban_memlist .choice{width: 15%;}

.jiaoban_memlist .mui-input-row{display: table; width: 100%; font-size: .85rem; padding: 1rem 0; border-bottom: 1px solid #EEEEEE;}
.jiaoban_memlist .mui-radio input[type=radio]{position: inherit;}
.jiaoban_membtn{background: #FF7831; color: white; height: 50px; width: 100%; font-size: 1.1rem; border-radius: 0; position: fixed; left: 0; bottom: 0; border: 0;}






















